<template>
        <div id="timing">
            <header>
                <i @click="goBack()"></i>
                <div>计时</div>
            </header>
            <ul>
                <li>
                    <h4>开始计时:</h4>
                    <span>点击右侧“打卡”</span>
                    <a class='punch start'>打卡</a>
                </li>
                <li>
                    <h4>开始计时:</h4>
                    <span>点击右侧“打卡”</span>
                    <a class='punch end'>打卡</a>
                </li>
                <li>
                    <h4>总时长:</h4>
                    <h4>3个小时</h4>
                </li>
                <li>
                    <h4>预估本次所需费用:</h4>
                    <span class='red'>￥98</span>
                    <a class='chargeDetails' @touchstart='lookChargeDetails'>查看费用明细</a>
                </li>
            </ul>
            
        </div>
    </template>
    <script>
        export default {
            data() {
                return {
                }
            },
            components: {
    
            },
            methods: {
                //返回上一级
                goBack() {
                    this.$router.back();
                },
                //查看费用明细
                lookChargeDetails() {
                    this.$router.push({name: 'chargeDetails'});
                }
                
    
            },
            created() {
    
            },
            mounted() {
            }
        }
      </script>
      <style lang="scss" scoped>
           
      </style>
      